   <hr>

      <footer>
      
      	<div class="row">
              <div class="span1">
              <a href="about.html">about us</a>
              </div>
              <div class="span1">
              <a href="contact.html">contact us</a>
              </div>
              <div class="span1">
              <a href="#">report bug</a>
              </div>
              <div class="span1">
              <a href="#">dont click</a>
              </div>
      	</div> <!--- /row --->
      
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="<?= basePath() ?>/js/jquery.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-transition.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-alert.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-modal.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-dropdown.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-scrollspy.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-tab.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-tooltip.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-popover.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-button.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-collapse.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-carousel.js"></script>
    <script src="<?= basePath() ?>/js/bootstrap-typeahead.js"></script>

  </body>
</html>
